<%
  request.setCharacterEncoding("UTF-8");
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>摆烂俱乐部</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
    <!-- Google fonts - Roboto -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700">
    <!-- owl carousel-->
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="favicon.png">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>

<%--  获取用户名--%>
  <%String username = (String) session.getAttribute("username");%>
    <!-- navbar-->
    <header class="header mb-5">
      <!--
      *** 头部 ***
      _________________________________________________________
      -->
      <jsp:include page="common/login.jsp"></jsp:include>

      <jsp:include page="common/top1.jsp"></jsp:include>
      <!-- 搜索 -->
      <jsp:include page="common/search.jsp"></jsp:include>
    </header>
<!-- *** 轮播图 ***-->

    <div id="all">
      <div id="content">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div id="main-slider" class="owl-carousel owl-theme">
                <div class="item"><img src="img/lbt_1.jpg" alt="" class="img-fluid" style="width: 1200px;height: 520px"></div>
                <div class="item"><img src="img/lbt_2.jpg" alt="" class="img-fluid" style="width: 1200px;height: 520px"></div>
                <div class="item"><img src="img/lbt_4.jpg" alt="" class="img-fluid" style="width: 1200px;height: 520px"></div>
                <div class="item"><img src="img/lbt_3.jpg" alt="" class="img-fluid" style="width: 1200px;height: 520px"></div>
              </div>
              <!-- /#main-slider-->
            </div>
          </div>
        </div>
        <!--
        *** 中 3 个优势***
        _________________________________________________________
        -->
        <div id="advantages">
          <div class="container">
            <div class="row mb-4">
              <div class="col-md-4">
                <div class="box clickable d-flex flex-column justify-content-center mb-0 h-100">
                  <div class="icon"><i class="fa fa-heart"></i></div>
                  <h3><a href="aboutUs.jsp">海洋环境</a></h3>
                  <p class="mb-0">"海洋激荡着心灵，激发着想象，给灵魂带来永恒的喜悦。" - Wyland</p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="box clickable d-flex flex-column justify-content-center mb-0 h-100">
                  <div class="icon"><i class="fa fa-tags"></i></div>
                  <h3><a href="aboutUs.jsp">海洋生物</a></h3>
                  <p class="mb-0">"大海一旦施展了它的魔力，就会永远让人陷入它的奇迹之网中。" - 雅克·库斯托</p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="box clickable d-flex flex-column justify-content-center mb-0 h-100">
                  <div class="icon"><i class="fa fa-thumbs-up"></i></div>
                  <h3><a href="aboutUs.jsp">海洋生态</a></h3>
                  <p class="mb-0">"我们与海洋紧密相连。当我们返回大海，无论是航行还是观望，我们都是回到我们来自的地方。" - 约翰·肯尼迪</p>
                </div>
              </div>
            </div>
            <!-- /.row-->
          </div>
          <!-- /.container-->
        </div>
        <!-- /#advantages-->
        <!-- *** ADVANTAGES END ***-->

        <!--
        *** BLOG HOMEPAGE ***
        _________________________________________________________
        -->
        <div class="box text-center">
          <div class="container">
            <div class="col-md-12">
              <h3 class="text-uppercase">关于我们</h3>
              <p class="lead mb-0">我们的座右铭: <a href="aboutUs.jsp">无为而治</a></p>
            </div>
          </div>
        </div>
        <div class="container">
          <div class="col-md-12">
            <div id="blog-homepage" class="row">
              <div class="col-sm-6">
                <div class="post">
                  <h4><a href="aboutUs.jsp">核污染的危害</a></h4>
                  <hr>
                  <p class="intro">
                    &nbsp;&nbsp;核污染是由于核能技术的应用或核事故导致的放射性物质释放，对环境和人类健康造成严重危害。这种形式的污染具有长期性、广泛性和难以修复的特点，对生态系统和生物多样性产生了不可逆转的影响。核污染的危害涉及放射性物质对自然资源的污染，生态系统中生物体的长期受害，以及对人类健康、农田生产力和水资源的潜在威胁。有效防范核污染、科学管理核废料、提高核安全水平是维护环境可持续发展和人类生存健康的重要举措。
                  </p>
                  <p class="read-more"><a href="aboutUs.jsp" class="btn btn-primary">更多</a></p>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="post">
                  <h4><a href="aboutUs.jsp">海洋塑料垃圾的危害</a></h4>
                  <hr>
                  <p class="intro">
                    &nbsp;&nbsp;海洋塑料垃圾的危害是一场全球性的环境灾难，对海洋生态系统、生物多样性以及人类社会产生严重威胁。塑料废弃物进入海洋，导致海洋动物误食、生态平衡破坏，形成微塑料并通过食物链传播，对海洋生物和人类食物链产生潜在危害。此外，海洋塑料垃圾对渔业、旅游业和经济活动带来了负面效应，影响了海产品的质量，破坏了旅游景点的自然美景，对当地经济产生负面影响。
                  </p>
                  <p class="read-more"><a href="aboutUs.jsp" class="btn btn-primary">更多</a></p>
                </div>
              </div>
            </div>
            <!-- /#blog-homepage-->
          </div>
        </div>
        <!-- /.container-->
        <!-- *** BLOG HOMEPAGE END ***-->
      </div>
    </div>
<!--
    *** 版权 ***
    _________________________________________________________
    -->
    <jsp:include page="common/copyright.jsp"></jsp:include>

<!-- *** COPYRIGHT END ***-->
    <!-- JavaScript files-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
    <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.js"></script>
    <script src="js/front.js"></script>
  </body>
</html>